<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0058)http://topic.autohome.com.cn/marketing/2016/7/AXELA/2.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>无标题文档</title>
<script type="text/javascript" src="mootools.js"></script>
  <script type="text/javascript" src="imageMenu.js"></script>
<style>
.fix:after {content:""; display:table; clear:both; height:0;visibility: hidden;}
.fix {zoom:1;}
input,textarea{vertical-align:middle; font-size:12px;}


.pcar {height:495px;line-height:22px;　color:#333;}
.imgbox {position:relative; width:1300px; margin:0 auto; overflow:hidden;}
.imgbox ul {display: block; width: 1300px; height:495px;}
.imgbox ul li {float:left;}
.imgbox ul li a {display:block; width:250px; height:495px; border-right:1px solid #fff; overflow:hidden; text-indent:-1000px;}

.imgbox .img1 a {background:url(AXELA/11_03.jpg) repeat scroll 50%; width:250px;}
.imgbox .img2 a {background:url(AXELA/22_03.jpg) repeat scroll 50%}
.imgbox .img3 a {background:url(AXELA/33_03.jpg) repeat scroll 50%}
.imgbox .img4 a {background:url(AXELA/44_03.jpg) repeat scroll 50%;}


.img1 a:hover{background:url(AXELA/feng_03.png) repeat scroll 70%; width:720px;}
.img2 a:hover{background:url(AXELA/hua_03.png) repeat scroll 0%; width:720px;}
.img3 a:hover{background:url(AXELA/jue_03.png) repeat scroll 100%; width:720px;}
.img4 a:hover{background:url(AXELA/dai_03.png) repeat scroll 0%; width:720px;}


</style>
</head>

<body marginwidth="0" marginheight="0">

       <div class="pcar cbg fix">
    <div id="imageMenu" class="imgbox">
      <ul>
        <li class="img1"><a href="javascript:void(0)" style="width: 250px;">01</a></li>
        <li class="img2"><a href="javascript:void(0)" style="width: 250px;">02</a></li>
        <li class="img3"><a href="javascript:void(0)" style="width: 250px;">03</a></li>
        <li class="img4"><a href="javascript:void(0)" style="width: 255px;">04</a></li>
      </ul>
    </div>
  </div>
  
  

<script type="text/javascript">
window.addEvent('domready', function(){
 var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:720, border:2, });
 });
</script>



</body></html>